$red-900: #950202;
$red-800: #C00D00;
$red-700: #DF0F00;
$red-600: #FF1100;
$red-500: var(--error, #FF3434);
$red-400: #FF5548;
$red-300: #FD665B;
$red-200: #FF968E;
$red-100: #FCA39C;
$red-50: #FFD8D6;


$green-900: #144B00;
$green-800: #007E1C;
$green-700: #099E18;
$green-600: #2FB002;
$green-500: var(--success, #04BD00);
$green-400: #00FB37;
$green-300: #85FF66;
$green-200: #77FFA5;
$green-100: #A9FFB7;
$green-50: #CEFFE2;


$blue-900: #002196;
$blue-800: #002FA8;
$blue-700: #002DCB;
$blue-600: #0009D7;
$blue-500: var(--primary, #0B40FF);
$blue-400: #2764FF;
$blue-300: #55A7EA;
$blue-200: #80C5FF;
$blue-100: #BBDEFB;
$blue-50: #E3F2FD;

$orange-900: #E35000;
$orange-800: #EA6A00;
$orange-700: #FF5B01;
$orange-600: #FF5B01;
$orange-500: var(--primary, #FF7124);
$orange-400: #FF7A32;
$orange-300: #FF8340;
$orange-200: #FFA878;
$orange-100: #FFBC97;
$orange-50: #FFD0B6;





$font-x-small: var(--font-x-sm, .625rem);
$font-small: var(--font-small, .75rem);
$font-default: var(--font-default, .875rem);
$font-large: var(--font-large, .885rem);
$font-x-large: var(--font-x-large, .1rem);

// :export {
// }
$cain: #154599